$(function() {
	//创建弹窗广告
	let advertisement = $('<div class="advertisement"><img src="img/kefu_pop_mid.png"></div>');
	advertisement.css({
		position: "fixed",
		left: "50%",
		bottom: "30px",
		zIndex: 888,
		marginLeft: "-600px"
	})
	advertisement.appendTo($(document.body));
	advertisement.on('click', function() {
		this.remove();
	})

	//设置小轮播事件
	var num = 0;
	setInterval(function() {
		num++;
		if (num > 3) {
			num = 0;
			$('#seach_ul').css('top', 0)
		};
		$('#seach_ul').animate({
			top: -41 * num
		})
	}, 2000)


	//给头部下标签绑定移入事件
	$(".ul2>li").on('mouseenter', function() {
		$(this).find('a').css('color', 'red')
		$(this).find('ul').show();
		$(this).find('ul').children().on('mouseenter', function() {
			$(this).css('color', 'red').siblings().css('color', '')
		})
	}).on('mouseleave', function() {
		$(this).find('a').css('color', '')
		$(this).find('ul').hide()
	})
})

$(function() {
	//切换手机或邮箱登录
	$('.phone').on('click', function() {
		$(this).css('color', 'tomato').siblings().css('color', 'black');
		$('.registerA').find('#uname').attr('placeholder', '请输入手机账号/账号名')
	})
	$('.email').on('click', function() {
		$(this).css('color', 'tomato').siblings().css('color', 'black');
		$('.registerA').find('#uname').attr('placeholder', '请输入电子邮箱')
	})

	//切换登录或者注册
	$('.reg').find('#register').on('click', function() {
		$(this).parents('.reg').css('display', 'none').siblings().css('display', 'block');
		return false
	})

	//注册验证
	//根据.checkB的状态判断能否注册
	$(".checkB").on('click', function() {
		if (!document.querySelector('.checkB').checked) {
			$('.btn').css({
				color: 'black',
				backgroundColor: 'darkgray'
			})
		} else {
			$('.btn').css({
				color: '#fff',
				backgroundColor: '#f1156f'
			})
		}
	})

	//获取验证码
	let timer = 0;
	$('#Verification').on('click', function() {
		clearInterval(timer);
		let random = "";
		for (let i = 0; i < 6; i++) {
			if (Math.random() > 0.5) {
				random += String.fromCharCode(97 + parseInt(Math.random() * 26))
			} else {
				random += String.fromCharCode(48 + parseInt(Math.random() * 10))
			}
		}
		$(".myVerification").text(random).css('display', 'block');
		timer = setInterval(function() {
			$(".myVerification").css('display', 'none');
		}, 10000)
	})

	//判断输入框是否合理
	let oForms = document.querySelectorAll('form');
	//表一
	//电话
	let nameFlage = false;
	oForms[0].uname.oninput = function() {
		//提取用户输入的账号
		//trim（）方法，去除数据的前后空格
		let oName = oForms[0].uname.value.trim();
		let deg = /^1(3|4|5|7|8)\d{9}$/;
		if (!(deg.test(oName))) {
			layer.tips('手机格式有错误哦','#uname');
			$(this).parent().css('borderColor', 'red');
			nameFlage = false;
			return
		}
		$(this).parent().css('borderColor', 'green');
		nameFlage = true;
	}
	//密码
	let upawFlage = false;
	oForms[0].upaw.addEventListener("input", function() {
		let oUpaw = oForms[0].upaw.value.trim();
		//判断密码长度不能小于6
		if (oUpaw.length < 6) {
			layer.tips('密码格式有错误哦','#pwd');
			$(this).parent().css('borderColor', 'red');
			upawFlage = false;
			return;
		}
		$(this).parent().css('borderColor', 'green');
		upawFlage = true;
	})

	//表二
	//电话
	let nameFlage1 = false;
	oForms[1].uname.oninput = function() {
		//提取用户输入的账号
		//trim（）方法，去除数据的前后空格
		let oName = oForms[1].uname.value.trim();
		let deg = /^1(3|4|5|7|8)\d{9}$/;
		if (!(deg.test(oName))) {
			nameFlage1 = false;
			layer.tips('手机格式有错误哦','#name2');
			$(this).parent().css('borderColor', 'red');
			return
		}
		$(this).parent().css('borderColor', 'green');
		nameFlage1 = true;
	}
	//密码
	let upawFlage1 = false;
	oForms[1].upaw.addEventListener("input", function() {
		let oUpaw = oForms[1].upaw.value.trim();
		//判断密码长度不能小于6
		if (oUpaw.length < 6) {
			upawFlage1 = false;
			layer.tips('密码格式有错误哦','#pwd2');
			$(this).parent().css('borderColor', 'red');
			return;
		}
		$(this).parent().css('borderColor', 'green');
		upawFlage1 = true;
	})
	//提交ajax登录请求
	$('.btn1').on('click', function() {
		if (!(upawFlage && nameFlage)) {
			layer.tips('账号或密码格式错误','#btn1');
			return
		}
		let obj = {
			name: $("#uname").val(),
			pwd: $("#pwd").val()
		}
		$.post('http://10.41.152.2:8080/login', obj, function(data) {
			console.log(data);
			if(data.msg=='账号或者密码错误'){
				layer.tips('账号或密码错误','#btn1');
				return 
			}
			if (document.querySelector('.twoWeek').checked) {
				window.localStorage.removeItem('user');
				window.localStorage.setItem("user", JSON.stringify(obj));
			}else{
				window.localStorage.removeItem("user");
			}
			if (data.msg == "登录成功" && data.code == 200) {
				window.name=data.data.u_name;
				var index = layer.load(1, {
				  shade: [0.1,'#fff'] //0.1透明度的白色背景
				});
				let timer=0;
				timer=setTimeout(function(){
					layer.close(index);
					location = "http://10.41.152.2:8080/HomePage.html";
				},3000)
			}
		})
	})


	//提交ajax注册请求
	$('.btn').on('click', function() {
		let flage = $('.VerNum').val() == $('.myVerification').text();
		if (!document.querySelector('.checkB').checked) {
			layer.tips('请勾选协议','#btn');
			return
		}
		if ($('.VerNum').val() == "" || !flage) {
			layer.tips('验证码错误','#btn');
			return
		}
		if (!(upawFlage1 && nameFlage1)) {
			layer.tips('账号或密码格式错误错误','#btn');
			return
		}
		let obj = {
			name: $("#name2").val(),
			pwd: $("#pwd2").val()
		}
		$.post('http://10.41.152.2:8080/reg', obj, function(data) {
			if(data.msg=='注册失败'){
				layer.tips('注册失败','#btn');
				return 
			}
			if (data.msg == "注册成功" && data.code == 200) {
				layer.msg('注册成功');
			}
		})
	})

	//取出本地储存的账号密码
	let userinfo = JSON.parse(window.localStorage.getItem("user"));
	if (userinfo != null) {
		$("#uname").val(userinfo.name);
		$("#pwd").val(userinfo.pwd);
		$('.twoWeek').prop('checked', 'checked');
		upawFlage = nameFlage = true;
	}

})
